@charset "utf-8";
/*big banner*/
.device { position: relative; /*min-width:1200px;*/  height:535px; overflow:hidden; z-index:2 }
.device .arrow-left { background:url(../images/ibg2.png) center center no-repeat ; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; left: 6%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; opacity:.5}
.device .arrow-right { background:url(../images/ibg2a.png) center center no-repeat; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; right: 6%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; opacity:.5}
.device .arrow-left:hover { opacity:1; transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s; }
.device .arrow-right:hover { opacity:1; transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s; }
.device .swiper-container { overflow:hidden; }
.device .content-slide { padding: 20px; color: #fff;}
.device .swiper-slide { position:relative; overflow:hidden; height:535px; width:100%;}
.device .swiper-slide span img { width:1920px; height:535px; position:absolute; left:50%; margin-left:-960px;  display:block; }
.device .swiper-slide span video { width:1920px; height:535px; position:absolute; left:50%; margin-left:-960px;  display:block;}
.device .swiper-slide b { display:none; }
.device .swiper-slide h1 { position:absolute; font-size:63px; color:#fff; width:1200px; z-index:89; left:50%; margin-left:-600px; line-height:80px; top:7%;  }
.device .swiper-slide h1 p { height:48px; line-height:48px; font-size:18px; color:#fff; overflow:hidden; font-weight:normal; margin-top:15px; cursor:pointer;  }
.device .swiper-slide h1 p img { display:inline-block; float:left; height:100%; width:auto; margin-right:10px; }
.device .swiper-slide h1 p.play em { display:none; }
.device .swiper-slide h1 p.play i { display:inline; }
.device .swiper-slide h1 p.pause em { display:inline; }
.device .swiper-slide h1 p.pause i { display:none; }
.device .pagination { position: absolute; right:5%; text-align: center; top:36%; width:12px; z-index:88}
.device .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 12px; background: #fff; margin: 10px 0; cursor: pointer;} 
.device .swiper-active-switch {  background: #0080cc;}

.ibox1 { display:block; font-size:42px; color:#333333; font-weight:bold; text-align:center; line-height:60px; margin-top:20px; margin-bottom:5px; }
.ibox1:hover { color:#0077cb; }
.ibox2 { line-height:30px; margin-bottom:20px; text-align:center; }
.ibox2 a { font-size:18px; color:#606060; }
.ibox2 a:hover { color:#0077cb; }

.ibox3 { overflow:hidden; box-shadow:#01b9f5 0 0 10px; }
.ibox3_l { float:left; display:inline; width:691px; height:454px; margin-right:29px; }
.ibox3_r { height:454px; overflow:hidden;  }
.ibox3_r ul { overflow:hidden; line-height:36px; margin-top:13px; font-size:17px; color:#333333; font-weight:bold; white-space:nowrap; margin-bottom:7px; cursor:pointer }
.ibox3_r ul li { float:left; display:inline; padding-right:25px; }
.ibox3_r ul li  a{color:#333;}
.ibox3_r ul li.now { color:#018dd7; font-size:18px;}
.ibox3_r ul li.now  a{ color:#018dd7; font-size:18px;}
.ibox3_r div { margin-right:46px; display:none }
.ibox3_r div a { color:#424242; }
.ibox3_r div a:hover { color:#018dd7; }
.ibox3_r div > a h1 { font-size:18px; font-weight:normal; line-height:30px; margin-bottom:5px; }
.ibox3_r div > a p { font-size:12px; line-height:20px; color:#757575; margin-bottom:6px; }
.ibox3_r div dl a { background:url(../images/ibg4.png) left center no-repeat; border-bottom:1px #e6e6e6 dashed; display:block; line-height:43px; padding-left:14px;  }
/*news pic*/
.ibox4 { position: relative; width:691px;}
.ibox4 .swiper-container1 { overflow:hidden; }
.ibox4 .arrow-left1 { background:url(../images/ibg8.png) center center no-repeat ; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 48px; height: 48px; z-index:89; transition:background-image 0.5s; -moz-transition:background-image 0.5s; /* Firefox 4 */ -webkit-transition:background-image 0.5s; /* Safari and Chrome */ -o-transition:background-image 0.5s; /* Opera */}
.ibox4 .arrow-right1 { background:url(../images/ibg7.png) center center no-repeat; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 48px; height: 48px; z-index:89;  transition:background-image 0.5s; -moz-transition:background-image 0.5s; /* Firefox 4 */ -webkit-transition:background-image 0.5s; /* Safari and Chrome */ -o-transition:background-image 0.5s; /* Opera */}
.ibox4 .arrow-right1:hover { background-image:url(../images/ibg7a.png) }
.ibox4 .arrow-left1:hover { background-image:url(../images/ibg8a.png) }
.ibox4 .content-slide { color: #fff;}
.ibox4 .swiper-slide { position:relative; }
.ibox4 .swiper-slide img { width:100%; height:454px; display:block; }
.ibox4 .swiper-slide p { position:absolute; bottom:0; left:0; right:0; height:49px; background:url(../images/alpha80b.png) repeat; line-height:49px; font-size:18px; color:#fff; padding-left:22px; }
.ibox4 .pagination1 { position: absolute; right:0; text-align: center; bottom:14px; width:90px; z-index:88}
.ibox4 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 12px; background: #fff; margin:0 2px; cursor: pointer;} 
.ibox4 .swiper-active-switch {  background: #0080cc;}

.ibox5 { background:#f0f1f5; padding:30px 0; margin-top:22px; overflow:hidden;}
.ibox5>.ibox5in{overflow:hidden;height:499px;}
.ibox5 .slideBox{ position: relative; width:1200px; margin:0 auto; }
.ibox5 .slideBox .hd{ overflow:hidden; position:absolute; left:0px; top:0; z-index:1; }
.ibox5 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; border-bottom:1px #cacaca solid;  }
.ibox5 .slideBox .hd ul li{ width:237px; height:82px; border:1px #cacaca solid; border-bottom:0; line-height:82px; font-size:18px; color:#323232; text-indent:33px; background:#fff; cursor:pointer; }
.ibox5 .slideBox .hd ul li.on{ background: url(../images/ibg5.png) right center repeat-y; color:#fff; width:250px; border:0; }
.ibox5 .slideBox .bd{ position:relative; overflow:hidden; float:right; z-index:0;   }
.ibox5 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.ibox5 .slideBox .bd li.PC_hide{display:none;}
.ibox5 .slideBox .bd img{ width:961px; height:498px; display:block;  }
.ibox5 .slideBox .bd dl { position:absolute; z-index:88; bottom:26px; color:#fff; left:0; right:0; }
.ibox5 .slideBox .bd dl b { display:none; }
.ibox5 .slideBox .bd dl table { margin:0 auto; text-shadow: 0 0px 5px #000 }
.ibox5 .slideBox .bd dl .td1 { font-size:46px; font-weight:bold; line-height:56px;}
.ibox5 .slideBox .bd dl .td2 p { font-size:28px; font-weight:bold; line-height:30px; margin-top:2px; }
.ibox5 .slideBox .bd dl .td2 span { font-size:16px; font-weight:normal; line-height:20px; }
.ibox5 .slideBox .bd dl hr { color:#fff; height:2px; width:46px; background:#FFF; border:0; margin:0 20px; }

.ibox5 .slideBox .prev,
.ibox5 .slideBox .next{ position:absolute; top:200px; display:block; width:65px; height:65px; filter:alpha(opacity=50);opacity:0.5;   }
.ibox5 .slideBox .next{ right:10px; background:url(../images/ibg2a.png) center center no-repeat; }
.ibox5 .slideBox .prev{ left:265px; background:url(../images/ibg2.png) center center no-repeat; }
.ibox5 .slideBox .prev:hover,
.ibox5 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.ibox5 .slideBox .prevStop{ display:none;  }
.ibox5 .slideBox .nextStop{ display:none;  }

.ibox6 { overflow:hidden; width:1224px; margin:33px auto 0; overflow:hidden; }
.ibox6 li { display:inline; float:left; width:25%; }
.ibox6 li div { margin:0px 12px; position:relative; padding-bottom:30px; overflow:hidden; position:relative; height:139px; }
.ibox6 li div img { display:block; width:282px; height:157px; transition:all 1s; -moz-transition:all 1s; /* Firefox 4 */ -webkit-transition:all 1s; /* Safari and Chrome */ -o-transition:all 1s; /* Opera */}
.ibox6 li div:hover img { width:322px; height:180px; margin-left:-20px; margin-top:-20px;}
.ibox6 li div p { top:0; bottom:0; left:15px; right:15px; position:absolute; }
.ibox6 li span { display:block;  background:#FFF; margin:0px 25px 30px; font-size:14px; color:#333333; line-height:25px; }
.ibox6 li div p b { display:block; background:#FFF; color:#018dd7; font-size:18px; line-height:36px; padding-top:2px; text-align:center; position:absolute; left:0; right:0; bottom:0px;  }


/*scroll pic*/
.ibox8 { position: relative; width:961px; height:498px; overflow:hidden;}
.ibox8 > div { overflow:hidden; }
.ibox8 .arrow-left8 { background:url(../images/ibg2.png) center center no-repeat; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* Firefox 4 */ -webkit-transition:opacity 0.5s; /* Safari and Chrome */ -o-transition:opacity 0.5s; /* Opera */ opacity:.5; cursor:pointer}
.ibox8 .arrow-right8 { background:url(../images/ibg2a.png) center center no-repeat; -ms-behavior: url(../images/backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89;  transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* Firefox 4 */ -webkit-transition:opacity 0.5s; /* Safari and Chrome */ -o-transition:background-image 0.5s; /* Opera */ opacity:.5; cursor:pointer}
.ibox8 .arrow-right8:hover { opacity:1 }
.ibox8 .arrow-left8:hover { opacity:1 }
.ibox8 .content-slide { color: #fff;}
.ibox8 .swiper-slide { position:relative; width:961px; height:498px; }
.ibox8 .swiper-slide img { width:961px; height:498px; display:block; }


/*产品列表*/
	#procp{ width:85%; margin:0px auto;}
.productlist{margin-left:-45px; *zoom:1;_position:relative; *margin-left:-90px; margin-top:15px;}
.productlist li{ width:310px; float:left; margin-left:45px; margin-top:25px;}
.productlist li .img1{ width:310px; height:220px; overflow:hidden; display:block;}
.productlist li .img1 img{ width:310px; height:220px; overflow:hidden; object-fit:cover;  -webkit-transition: -webkit-transform 1s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;}
.productlist li .img1:hover img{-webkit-transform: scale(1.2);
transform: scale(1.2);}
.productlist li .pic-attr{  padding:8px 0px 0px 0px; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; text-align:center; }
.productlist li .pic-attr a{ color:#333; font-size:16px; display:block;}



/* Pc 1560 */
@media screen and (max-width:1560px){  
.device .swiper-slide h1 { font-size:58px; width:1000px; margin-left:-500px; line-height:70px;  }
.device .arrow-left { left: 3%; }
.device .arrow-right { right: 3%; }
.device .pagination { right:2%; }
}

@media \0screen\,screen\9 { .ibox3 { border:1px #d8d8d8 solid;} } 

/* screen mobile */
@media screen and (max-width:992px){  
.device { min-width:auto; height:auto; margin-top:46px; z-index:2}
.device .swiper-slide { height:auto; overflow:visible; }
.device .swiper-slide span img { height:auto; width:auto; }
.device .swiper-slide b { display:block; }
.device .swiper-slide b img { width:100%; display:block; }
.device .swiper-slide span { display:none; }
.device .swiper-slide h1 { font-size:20px; width:auto; left:0; margin-left:14px; line-height:30px;  }
.device .swiper-slide h1 p { height:16px; line-height:16px; font-size:12px; margin-top:4px;  }
.device .arrow-left { left:10px; width:20px; height:20px; top:60%; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); opacity:1 }
.device .arrow-right { right:10px; width:20px; height:20px; top:60%; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); opacity:1 }
.device .pagination { display:none; }
.device .swiper-slide b video { display:block; width:100%; position:absolute; top:0; bottom:0;}

.ibox1 { font-size:16px; line-height:22px; margin-top:10px; margin-bottom:0px; }
.ibox2 { line-height:25px; height:25px; margin-bottom:0px; overflow:hidden; }
.ibox2 a { font-size:12px; display:block; }

.ibox3 { box-shadow:#d8d8d8 0 0 0px; margin-top:8px; border:0; }
.ibox3_l { float:none; display:block; width:auto; height:auto; margin-right:0px; margin-bottom:10px; }
.ibox3_r { height:auto; border:1px #d8d8d8 solid; margin:0 5px; }
.ibox3_r ul { line-height:45px; margin-top:0px; font-size:14px; margin-bottom:2px; }
.ibox3_r ul li { padding:0; width:20%; text-align:center; }
.ibox3_r ul li.now { font-size:14px;}
.ibox3_r div { margin:0 10px; padding-bottom:10px; }
.ibox3_r div > a h1 { font-size:13px; font-weight:bold; line-height:20px; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
.ibox3_r div > a p { font-size:12px; line-height:20px; margin-bottom:6px; }
.ibox3_r div dl a { line-height:30px; padding-left:12px; font-size:12px; background-size:3px 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
/*news pic*/
.ibox4 { position: relative; width:auto; margin:0px 5px; }
.ibox4 .swiper-slide img { width:100%; height:auto; display:block; }
.ibox4 .swiper-slide p { height:25px; line-height:25px; font-size:12px; padding-left:7px; }
.ibox4 .pagination1 { bottom:6px; width:53px; }
.ibox4 .swiper-pagination-switch { width: 5px; height: 5px; border-radius: 5px; margin:0 1px; } 
.ibox4 .arrow-right1 { display:none }
.ibox4 .arrow-left1 { display:none; }

.ibox5 { padding:10px 5px; margin-top:8px;}
.ibox5>.ibox5in{height:auto;}
.ibox5 .slideBox{ width:100%;}
.ibox5 .slideBox .hd {display:none}
.ibox5 .slideBox .prev,
.ibox5 .slideBox .next{ display:none; }
.ibox5 .slideBox .bd{ float: none; width:100%; z-index:0;   }
.ibox5 .slideBox .bd li{ display:block; position:relative; margin-bottom:5px; }
.ibox5 .slideBox .bd li.PC_hide{display:block;}
.ibox5 .slideBox .bd img{ width:100%; height:auto; display:block;  }

.ibox5 .slideBox .bd dl { bottom:8px; color:#fff; left:0; right:0; }
.ibox5 .slideBox .bd dl b { display:block; font-size:18px; line-height:40px; text-align:center; text-shadow: 0 0px 5px #000; margin-bottom:5px; }
.ibox5 .slideBox .bd dl table { margin:0 auto; text-shadow: 0 0px 5px #000 }
.ibox5 .slideBox .bd dl .td1 { font-size:14px; line-height:30px;}
.ibox5 .slideBox .bd dl .td2 p { font-size:16px; font-weight:bold; line-height:18px; margin-top:0px; }
.ibox5 .slideBox .bd dl .td2 span { font-size:12px; font-weight:bold; line-height:14px; }
.ibox5 .slideBox .bd dl hr { height:1px; width:20px; margin:0 6px; }

.ibox6 { width:auto; margin:8px auto 0;  }
.ibox6 li { display:block; float:none; width:auto; }
.ibox6 li div { margin:0px 5px; padding-bottom:10px; height:auto;  }
.ibox6 li div img { display:block; width:100%; height:auto; transition:none; -moz-transition:none; /* Firefox 4 */ -webkit-transition:none; /* Safari and Chrome */ -o-transition:none; /* Opera */}
.ibox6 li div:hover img { width:100%; height:auto; margin-left:0px; margin-top:0px;}
.ibox6 li div p { top:0; left:10px; right:10px; position:absolute; }
.ibox6 li span { display:block;  background:#FFF; margin:0px 20px 15px; font-size:12px; color:#333333; line-height:20px; }
.ibox6 li div p b { display:block; background:#FFF; color:#018dd7; font-size:16px; line-height:40px; text-align:center; height:40px;  }

.ibox8 { position: relative; width:auto; height:auto; overflow:hidden;}
.ibox8 > div { overflow:hidden; }
.ibox8 .arrow-left8 { background:url(../images/ibg2.png) center center no-repeat; -ms-behavior: url(../images/backgroundsize.min.htc);	behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 32px; height: 32px; z-index:89; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* Firefox 4 */ -webkit-transition:opacity 0.5s; /* Safari and Chrome */ -o-transition:opacity 0.5s; /* Opera */ opacity:.5; cursor:pointer}
.ibox8 .arrow-right8 { background:url(../images/ibg2a.png) center center no-repeat; -ms-behavior: url(../images/backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 32px; height: 32px; z-index:89;  transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* Firefox 4 */ -webkit-transition:opacity 0.5s; /* Safari and Chrome */ -o-transition:background-image 0.5s; /* Opera */ opacity:.5; cursor:pointer}
.ibox8 .arrow-right8:hover { opacity:1 }
.ibox8 .arrow-left8:hover { opacity:1 }
.ibox8 .content-slide { color: #fff;}
.ibox8 .swiper-slide { position:relative; width:auto; height:auto; }
.ibox8 .swiper-slide img { width:auto; height:auto; display:block; }


#procp{ width:94%; margin:0px auto;}
.productlist{margin-left:-4%; *zoom:1;_position:relative; *margin-left:-8%; margin-top:15px;}
.productlist li{ width:46%; float:left; margin-left:4%; margin-top:15px;}
.productlist li .img1{ width:100%; height:8em; overflow:hidden; display:block;}
.productlist li .img1 img{ width:100%; height:8em; overflow:hidden; object-fit:cover;}
.productlist li .pic-attr a{ color:#333; font-size:14px; display:block;}

}